import Vue from 'vue'
import router from '../router/index'
Vue.directive('premission', { // 创建自定义指令
  inserted(el, binding) {
    // console.log(router.currentRoute.meta);
    // console.log(binding.value.action);
    // console.log(router.currentRoute.meta.indexOf(binding.value.action));
    const effect = binding.value.effect
    if(router.currentRoute.meta.indexOf(binding.value.action) === -1) { // 该路由没有对应按钮操作的权限
      if(effect === 'disabled') {
        // 假如自定义属性设置了按钮隐藏属性，那么隐藏按钮
        el.disabled = true
        el.classList.add('is-disabled') // 饿了么要求，设置隐藏之后，要给其一个属性
      }else { // 默认直接删除按钮
        el.parentNode.removeChild(el)
      }
    }
  }
})